import React from 'react'
import { connect } from 'dva'
import { Card, Button, Icon, message } from 'antd'
import ReactMarkdown from 'react-markdown';

/**
 * ResearchDetail 
 */
class ResearchDetail extends React.Component {
    state = {
        data: this.props.researchDetail,
        id:this.props.id
    }

    componentWillReceiveProps(nextProps) {
        if ((nextProps.id !== this.props.id)) {
            this.setState({
                id:nextProps.id
            })
        }
    }
  
    render() {

        return (
            <Card className="tableCard researchDetail">
                <article>
                    <header>
                        <h3>{this.state.id}</h3>
                    </header>
               </article>
            </Card>
        )

    }
}

ResearchDetail.defaultProps = {
    id: '',
    researchDetail: {
    }
}

export default connect()(ResearchDetail)
